<template>
  <div>
    <SO/>
    <ST :speakarr="arr"/>
    <ST :speakarr="arr1"/>
    <ST :speakarr="arr2"/>
    <ST :speakarr="arr3"/>
    <ST :speakarr="arr4"/>
  </div>
</template>

<script>
import SO from "./speakone.vue";
import ST from "./speaktwo.vue";
export default {
  components: {
    SO,
    ST
  },
  data() {
    return {
      arr: [
        { write1: "《外婆的道歉信》" },
        { write2: "要永远年轻，永远热情，永远不听话;" },
        { write3: "要大笑，要做梦，要与众不同" },
        { write4: "中105人读过" },
        { write5: "去朗读" }
      ],
      arr1: [
        { write1: "《外婆的道歉信》" },
        { write2: "要永远年轻，永远热情，永远不听话;" },
        { write3: "要大笑，要做梦，要与众不同" },
        { write4: "中105人读过" },
        { write5: "去朗读" }
      ],
      arr2: [
        { write1: "《外婆的道歉信》" },
        { write2: "要永远年轻，永远热情，永远不听话;" },
        { write3: "要大笑，要做梦，要与众不同" },
        { write4: "中105人读过" },
        { write5: "去朗读" }
      ],
      arr3: [
        { write1: "《外婆的道歉信》" },
        { write2: "要永远年轻，永远热情，永远不听话;" },
        { write3: "要大笑，要做梦，要与众不同" },
        { write4: "中105人读过" },
        { write5: "去朗读" }
      ],
      arr4: [
        { write1: "《外婆的道歉信》" },
        { write2: "要永远年轻，永远热情，永远不听话;" },
        { write3: "要大笑，要做梦，要与众不同" },
        { write4: "中105人读过" },
        { write5: "去朗读" }
      ]
    };
  }
};
</script>

<style scoped>
div {
  background-color: gray;
}
</style>
